﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage/NoRightAd.Master" AutoEventWireup="true" 
    CodeBehind="AccountRegistration.aspx.cs" Inherits="Foothill.Web.AccountRegistration.AccountRegistration" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link rel="stylesheet" href="registration.css" type="text/css" />
    <script type="text/javascript">
        $(document).ready(function () {

            $("#img-in-progress").hide();

            $("#btnCreateAccount").click(function () {
                $("#btnCreateAccount").attr("disabled", true)
                $("#img-in-progress").show();
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cph1" runat="server">
    <div id="user-registration">
        <div class="table-container">
            <table id="user-registration-tbl">
            <tr>
                <td class="td-label">
                    <asp:Label ID="lblEmail" runat="server" Text="Email" EnableViewState="false" />
                </td>
                <td class="input-td">
                    <asp:TextBox ID="txtEmail" runat="server" CssClass="input-tbx" /> 
                    <asp:Label ID="lblEmailErrorMessage" runat="server" Visible="false" CssClass="error-message" />  
                </td>
            </tr>
            <tr>
                <td class="td-label">
                    <asp:Label ID="lblUsername" runat="server" Text="Username" EnableViewState="false" />
                </td>
                <td class="input-td">
                    <asp:TextBox ID="txtUsername" runat="server" CssClass="input-tbx" />   
                    <asp:Label ID="lblUsernameErrorMessage" runat="server" Visible="false" CssClass="error-message" /> 
                </td> 
            </tr>
            <tr>
                <td class="td-label">
                    <asp:Label ID="lblPassword" runat="server" Text="Password" EnableViewState="false" />
                </td> 
                <td class="input-td">
                    <asp:TextBox ID="txtPassword" runat="server" CssClass="input-tbx" TextMode="Password" /> 
                    <asp:Label ID="lblPasswordErrorMessage" runat="server" Visible="false" CssClass="error-message" />   
                </td>    
            </tr>
            <tr>
                <td class="td-label">
                    <asp:Label ID="lblConfirmPassword" runat="server" Text="Password" EnableViewState="false" />
                </td> 
                <td class="input-td">
                    <asp:TextBox ID="txtConfirmPwd" runat="server" CssClass="input-tbx" TextMode="Password" />  
                    <asp:Label ID="lblConfirmPwdErrorMessage" runat="server" Visible="false" CssClass="error-message" />  
                </td>    
            </tr>
            <tr>
                <td />
                <td>
                    <asp:LinkButton ID="btnCreateAccount" runat="server" Text="创建帐号" OnClick="btnCreateAccountClick" class="btnCreateAccount" ClientIDMode="Static" />   
                    <img alt="In progress" src="../Images/uploading.gif" id="img-in-progress" />
                </td>
            </tr>
        </table> 
        </div>
        <div id="div-btnCreateAccount">
            
            <asp:Label ID="lblCreateAccountMessage" runat="server" Visible="false" CssClass="error-message" /> 
        </div>
    </div>
</asp:Content>
